<template>
    <div id="app">
        <AppHeader v-if="$route.meta.HeaderShowOrNot"></AppHeader>

        <div class="container">
            <router-view></router-view>
        </div>

        <AppFooter v-if="$route.meta.FooterShowOrNot"></AppFooter>
<!--        <AppTest></AppTest>-->
    </div>
</template>

<script>
import AppHeader from "@/components/AppHeader";
import AppFooter from "@/components/AppFooter";
export default {
    name: 'App',
    components: {
        AppHeader,
        AppFooter,

    }
}
</script>

<style>
* {
    margin: 0px;
    padding: 0px;
}

html, body {
    height: 100%;
    width: 100%;
    /*overflow-x: hidden;*/
    min-height: 500px;
}
</style>
